<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

<style>
    *{
        margin:0px;
        padding:0px;
    }
    body{
        background:#efefef;
    }
    .page_top{
	height:40px;
        background:white;
        padding:10px;

    }
    .photo{
        text-align: right;
        margin-bottom:20px;
    }
   .message1{
   position:fixed;
   right:20;
   top:18;
}

   .message{
   position:fixed;
   left:20;
   top:18;
}
    .userinfo{
        display:flex;
		background:white;
		padding-bottom:15px;
    }
    .otherinfo{
        width:100%;
    }
    .userpic{
        margin-right:10px;
		margin-left:20px;
		
    }
    .userpic img{
        width:60px;
        border-radius:4px;
    }
    .nickname{
        font-size:20px;
        font-weight:bold;
     margin-bottom:5px;
    }
    .wechat_no{
        width:70%;
        color:#999;
		margin-bottom:5px;
    }
    .icons{
        width:30%;
       color:#999;
    }
    .icons img{
        margin-left:10px;
    }
    .more{
      
        justify-content: space-between;
        width:100%;
		font-size:10px;
    }

	
	
    .list_item{
        display:flex;
        justify-content: space-between;
        align-items: center;
        background:white;
        padding:20px;
        position:relative;
		height:21;
    }
	    .list_item1{
        display:flex;
        justify-content: space-between;
        align-items: center;
        background:white;
        padding:20px;
        position:relative;
		
    }

.list2{
margin-top:15px;

}
.list3{
margin-top:15px;
background:white;

}


 
 
 
    .pictxt{
        display: flex;
        align-items: center;
         }

    .pictxt img{
        margin-left:20px;
    }

    .line{
        width:90%;

        height:1px;
        background:#efefef;
        position:absolute;
        
        bottom:51px;
    }

 .list31{
 
 height:30px;
 
 text-align:center;
 line-height:30px;
 padding-bottom:10px;
 padding-top:10px;
 padding-left:38%;
 display:flex;
 }
  .list31 img{
	margin-right:10px;
  }
 .list311{
 
 height:30px;
 
 text-align:center;
 line-height:30px;
 padding-bottom:10px;
 padding-top:10px;
 padding-left:36%;
 display:flex;
 }
  .list311 img{
	margin-right:10px;
  }
.a2{
margin-top:4px;

}

.a3{

color:#177cb0;
}

</style>


<div class="all">
     <!-- 页面头部 -->
    <div class="page_top"> 
		<a href="2.html"> 
			<img class="message"  src="右.png" width="18">
		</a>
			<img class="message1" src="更多1.png" width="18">
   </div>
   
   
    <div class="userinfo">
               <div class="userpic">
                <img src="2.png">
            </div>

            <div class="otherinfo">
              <div class="nickname">高圆圆</div>
              <div class="more">
                <div class="wechat_no">微信号: GYY</div>
                 <div class="icons">
               地区: 北京
                </div>
         </div>
    </div>
</div>
     <!-- 页面头部 -->
      
     <!-- 页面列表 -->
 <div class="item_list">
 
        <div class="list1 ">
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <div class="txt">朋友权限</div>
                </div>
                <img class="arrow" src="youJT.png" width="18">
            </div>
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <div class="txt">标签</div>
                </div>
                <img class="arrow" src="youJT.png" width="18">
            </div>
         </div>

        <div class="list2 ">
            <div class="list_item1">
              
                
                    <div class="txt11">朋友圈</div>
                
                <img class="arrow" src="youJT.png" width="18">
            </div>
            <div class="list_item">
                <div class="line"></div>
                <div class="pictxt">
                    <div class="txt">更多信息</div>
                </div>
                <img class="arrow" src="youJT.png" width="18">
            </div>

        </div>
        <div class="list3 ">
		
			<div class="list31">
				<div class="a2">
					<img src="发消息.png" width="20"  /></div>
				<div  class="a3">
			
				发信息
				</div>
					
			</div>
			<div class="list311">
				<div class="a2">
					<img src="视频通话.png" width="20" /></div>
				<div class="a3">

				音视频通话</div>
				
			
			</div>
        </div>
    </div>
</div>

     <!-- 页面列表 -->